
<script setup lang="ts">
  import ThemeSwitch from '@/layouts/header/components/ThemeSwitch.vue'
  import GiteeLogo from '@assets/images/headers/gitee-logo-white.svg'

  // 本工程gitee仓库地址
  const gitee = 'https://gitee.com/kivens/vue-interview'

</script>

<template>
  <div class="setting">
    <!-- gittee -->
    <a class="gittee" :href="gitee" target="_blank" rel="gitee repositories">
      <img class="gitee-logo" :src="GiteeLogo" alt="gitee logo">
    </a>
    <!-- theme switch -->
    <ThemeSwitch/>
  </div>
</template>

<style lang="scss" scoped>
  .setting {
    width: 240px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    .gittee {
      margin: 0 10px;
      .gitee-logo {
        width: 24px;
        height: 24px;
        vertical-align: middle;
      }
    }
    
  }
</style>